<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-2.0.3.js"></script>
    <script src="highcharts.js"></script>
    <style>
        * {
            margin: 0;
            padding: 0;
            border: 0;
        }
        #container {
            width: 100%;
        }
    </style>
</head>
<body>
<div id="container"></div>
</body>
</html>
<script>
    $(function(){
        $('#container').highcharts({
            chart:{
                poltBackgroundColor:null,
                plotBorderWidth:null,
                plotshadow:false
            },
            title: {
                text: '我的第一个图表'
            },
            subtitle: {

                text: '赵文博'
            },
            plotOptions:{
                pie:{
                    allowPointSelect:true,
                    cursor:'pointer',
                    dataLabels:{
                        enabled:true,
                        color:'#000000',
                        connectorColor:'#000000',
                        format:'<b>{point.name}</b>:{point.percentage:.lf}%'
                    }
                }
            },
            series:[{
                type:'pie',
                name:'Browser share',
                data:[['Firefox',45.0],['IE',26.8],{name:'Chrome',y:12.8,sliced:true,selected:true},['Safari',8.5],['Opera',6.2],['Others',0.7]]
            }]
        })
    })
</script>